<script setup lang="ts">
import { ref } from 'vue'

const message = ref('Hello World')
</script>

<template>
  <div class="hello-world-page">
    <h1>{{ message }}</h1>
    <p>This is a new page</p>
  </div>
</template>

<style scoped>
.hello-world-page {
  padding: 2rem;
  text-align: center;
}

h1 {
  color: #42b883;
  margin-bottom: 1rem;
}
</style> 